<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--vendor css-->
    
    <!--app css-->
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <div id="wrapper">
        <header id="header">
            <nav>
                <ul class="parent">
                    <li>
                        <ul class="child">
                            <li>
                                <ul class="grand-child">
                                    <li><a href="">Lorem Ipsum</a></li>
                                    <li><a href="">Lorem Ipsum</a></li>
                                    <li><a href="">Lorem Ipsum</a></li>
                                    <li><a href="">Lorem Ipsum</a></li>
                                </ul>
                                <a href="">Cleanser</a>
                            </li>
                            <li><a href="">Skin Toner</a></li>
                            <li><a href="">Face Scrub</a></li>
                        </ul>
                        <a href="">лице</a>
                    </li>
                    <li>
                        <ul class="child">
                            <li><a href="">Шампоан</a></li>
                            <li><a href="">Маска за Коса</a></li>
                            <li><a href="">Кондишънър</a></li>
                        </ul>
                        <a href="">коса</a>
                    </li>
                    <li>
                        <ul class="child">
                            <li><a href="">Душ Гел</a></li>
                            <li><a href="">Овлажнител за тяло</a></li>
                            <li><a href="">Антицелулит</a></li>
                        </ul>
                        <a href="">тяло</a>
                    </li>
                    <li>
                        <ul class="child">
                            <li><a href="">Етерични масла</a></li>
                            <li><a href="">Етерични масла</a></li>
                            <li><a href="">Етерични масла</a></li>
                        </ul>
                        <a href="">ароматерапия</a>
                    </li>
                    <li>
                        <a href="">контакти</a>
                    </li>
                </ul>
            </nav>
        </header> <!--#header-->

       <section id="product-container">
           <header>
               <h5>Cleansing</h5>
               <h2 id="product-name">Cleansing Gel for Oily/Combination Skin</h2>
               <div id="product-gray-name">with propolis & citrus</div>
           </header>
           <div id="product-description" class="cf">
               <div id="product-image">
                   <img src="./image/productTest.jpg" alt="">
               </div>
               <div id="product-info">
                  <div id="product-quantity">250 ml</div>
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis ea magnam tempore porro, atque animi iste ab maxime, culpa provident pariatur delectus deserunt earum reprehenderit harum repellat ex ipsum excepturi.
               </div>
           </div>
           <footer>
               <div id="social">
                   <ul>
                       <li><a href=""></a></li>
                       <li><a href=""></a></li>
                       <li><a href=""></a></li>
                   </ul>
               </div>
           </footer>
       </section>
       <div id="related-products">
           <h4>You may also like:</h4>
       </div>
             <div id="product-grid">
            <ul>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
                <li class="product-item">
                    <a href="">
                        <h5>face scrub</h5>
                        <div class="product-item-name">Gentle Exfoliating Gel<span class="product-gray-name">with honey & royal jelly</span></div>
                        <div class="product-item-image">
                            <img src="./image/productTest.jpg" alt="">
                        </div>
                    </a>
                </li>
            </ul>
        </div> <!--#product-grid-->
    </div> <!--#wrapper-->

    <!--vendor js-->
    
    <!--app js-->
    <script src="./js/main.js"></script>
</body>
</html>